<template>

  <Card class="ll page-fill" style="height:900px">
    <div class="table-data" style="">
      <v-table :columns="columns1" :data="data1" border></v-table>
    </div>
    <div id="buttoncontainer">
      <v-button size="small" type="primary" class="butt">增加</v-button>
      <v-button size="small" type="primary" class="butt">编辑</v-button>
      <v-button size="small" type="primary" class="butt" v-on:on-click="reback('dkcp')">返回</v-button>
    </div>
  </Card>
</template>

<script>
export default {
  data () {
    return {
      columns1: [
        {
          title: '产品ID',
          key: 'productId'
        },
        {
          title: '产品名称',
          key: 'productName'
        },
        {
          title: '产品类别',
          key: 'productType'
        },
        {
          title: '状态',
          key: 'status'
        },
        {
          title: '配置',
          width: '600px',
          key: ''
        },
        {
          title: '操作',
          key: ''
        }
      ],
      data1: []
    }
  },
  created () {
  },
  methods: {
    reback (param) {
      var vm = this
      vm.$router.push(param)
    }
  }
}
</script>

<style lang="less">
#buttoncontainer {
  width: 600px;
  margin: 20px auto;
}
.butt {
  margin: 0px 65px;
}
</style>
